@charset "UTF-8";
body {
	background-color: #fff9e6;
}
h1 {
	color: #df5a01;
}
h2 {
	color: #df5a01;
}
div {
	margin: 0 auto;
}
div#contents {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 98lvh;
	max-width: 600px;
}
header,footer {
	padding: 16px;
	border-top: 1px solid #df5a01;
	border-bottom: 1px solid #df5a01;
}
nav {
	text-align: center;
}
nav a.current {
	color: #df5a01;
	border-bottom: 2px solid #df5a01;
}	
nav a:hover {
	color: white;
	border-bottom: 2px solid white;
}	
nav ul {
	margin: 0;
	padding: 0;
}
nav li {
	list-style : none;
	display: inline-block;
	width: 10%;
	min-width: 90px;
}
nav li:not(:last-child) {
	border-right: 2px solid #ddd;
}
nav a {
	text-decoration: dotted;
	color: #333;
}		
div.float_left { 
	float: left;
	padding: 10px;
	margin: 10px;
}
div.float_left {
	color: aliceblue;
}
.red_text {
	color: darkred;
}
p{
	font-size: larger;
}
.table_box {
	max-width: 100%;
}
table {
	color: #313131;
	width: 150%;
	height: 150%;
	border-color: #df5a01;
}
.table_box {
	overflow-x: auto;
	display: block;
}
.table_box table th,
.table_box table td {
	white-space: nowrap;
}
p{
	color: #313131;
}
ul{
	color: #df5a01;
}